<template lang="">
  <div>
    <mt-navbar v-model="navactive">
      <mt-tab-item id="1">option A
        <img slot="icon" src="../assets/icons/blue.png"></img>
      </mt-tab-item>
      <mt-tab-item id="2">option B
        <img slot="icon" src="../assets/icons/cart_enable.png" alt=""></img>
      </mt-tab-item>
      <mt-tab-item id="3">option C
        <img slot="icon" src="../assets/icons/home_enable.png"></img>
      </mt-tab-item>
      <mt-tab-item id="4">option D
        <img slot="icon" src="../assets/icons/profile.png"></img>
      </mt-tab-item>
    </mt-navbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      navactive:'1'
    }
  },
}
</script>
<style lang="">
  
</style>